<!DOCTYPE html>
<html>
<!-- Mirrored from test.csswg.org/suites/css-flexbox-1_dev/nightly-unstable/html/flex-aspect-ratio-020.htm by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 23 Dec 2023 16:15:11 GMT -->
<head><title>CSS aspect-ratio: Flex item main size with flex-basis:content in Column flex container</title>
<link href="https://www.mozilla.org/" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio" rel="help">
<link href="https://drafts.csswg.org/css-flexbox-1/#algo-main-item" rel="help">
<link href="http://test.csswg.org/suites/css-flexbox-1_dev/nightly-unstable/html/reference/ref-filled-green-100px-square.htm" rel="match">

</head><body><p>Test passes if there is a filled green square and <strong>no red</strong>.</p>

<div style="display: flex; flex-direction: column;">
  <div style="background: green; flex-basis: content; width: 100px;
              aspect-ratio: 1/1; min-height: 0;"></div>
</div>
</body>
<!-- Mirrored from test.csswg.org/suites/css-flexbox-1_dev/nightly-unstable/html/flex-aspect-ratio-020.htm by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 23 Dec 2023 16:15:11 GMT -->
</html>